<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>在html中，一个完整的表单通常由：1.表单域 2.表单控件 3.提示信息</p>
    <p>表单域：包含表单元素的区域，form会把它范围内的表单元素信息提交给服务器，action提交给哪里，method请求方式，name名称</p>
    <p>【一】input表单元素(单标签)</p>
    <form action="xxxx.php" method="get" name="XXX">
        <!-- text是文本 -->
        用户名：<input type="text" name="username" id=""><br>
        <!-- password是密码，有加密效果 -->
        密码：<input type="password" name="pwd"><br>
        <!-- radio是单选框，可以通过name去共同锁定 checked属性是默认值-->
        性别：
        <label for="man">男</label><input type="radio" name="sex" checked="checked" value="男" id="man">
        <label for="woman">女</label><input type="radio" name="sex" value="女" id="woman">
        其他<input type="radio" name="sex" value="其他"><br>
        <!-- checkbox是复选框，以通过name去共同锁定 checked属性是默认值-->
        爱好：吃饭<input type="checkbox" name="hooby" checked="checked">
        睡觉<input type="checkbox" name="hooby">
        打豆豆<input type="checkbox" name="hooby"><br>
        <!-- 点击了提交按钮，可以把表单域form里面的表单元素值提交给后台服务器 -->
        <input type="submit" value="免费注册">
        <!-- 重置按钮，会将表单元素还源给初始值 -->
        <input type="reset" value="重置">
        <!-- 普通按钮，点击不提交表单数据，后期和js搭配使用 -->
        <input type="button" value="获取手机验证码"><br>
        <!-- 文件域，上传文件使用 -->
        上传头像：<input type="file">
    </form>
    <p>================label标签(标注标签)：扩大点击面积,需要指定for属性与绑定文本id对应</p>
    <p>【二】select表单元素(下拉框),可以通过selected属性来制定默认值</p>
    <form action="xxx.jsp">
        籍贯：<select name="" id="">
            <option value="">山东</option>
            <option value="">陕西</option>
            <option value="" selected="selected">安徽</option>
            <option value="">上海</option>
        </select>
    </form>
    <p>【三】textarea文本域元素,输入内容较多时使用，rows每行 clos每列</p>
    <form action="xxx.jsp">
        今日反馈：
        <textarea name="" id="">留言板</textarea>
    </form>

</body>

</html>